<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="style.css">
    <link rel="stylesheet" href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
</head>
<body>
<div class="w">
    <div class=container>
        <div class="row">
            <div class="col-md-6 n-1">
                <h1>个人简历</h1>
            </div>
            <div class="col-md-6 n-2 text-right">
                <span>Home</span>
                <span>About us</span>
                <span>Services</span>
                <span>Contact</span>
            </div>
        </div>
    </div>
    <div class="main">
        <div class="banner">
            <div class="jumbotron1">
                <div class="container">
                    <h1 style="color: #ffffff;">我叫石雯</h1>
                    <p class="lead" style="color: #ffffff;">接下来是我的个人介绍</p>
                    <p class="lead" style="color: #FFFFFF">我的家乡是来自美丽的河北省泊头市</p>
                    <a class="btn btn-lg" href="#" role="button">More Info</a>
                </div>
            </div>
        </div>
        <div class="container">
            <div class="main-1">
                <h3>我的爱好</h3>
                <p>我的爱好非常广泛最爱的就是旅游我喜欢那种在路上看风景喜欢到特色的地方品尝美食还喜欢拍照并把照片做成相册对于编程这方面也是比较喜欢的我喜欢看着自己做好的网页找其中的问题</p>
            </div>
        </div>

        <div class="container">
            <div class="row">
                <div class="col-md-4 l-1">
                    <img src="img/pic1.jpg" alt="">
                    <h4>我平时的工作</h4>
                    <p>我作为学生会的一员平时的工作比较多除了平时有些活动需要我们管理还有晚自习查班</p>
                </div>
                <div class="col-md-4 l-2">
                    <img src="img/pic2.jpg" alt="">
                    <h4>作为生活委员</h4>
                    <p>作为生活委员我平时要安排值日生外还要监督值日组值日并且在大扫除时做出合理的人员安排</p>
                </div>
                <div class="col-md-4 l-3">
                    <img src="img/pic3.jpg" alt="">
                    <h4>在班上</h4>
                    <p>在班上我要做到上课认真听讲认真完成老师的作业并且好好复习</p>
                </div>
            </div>
        </div>
    </div>


    <div class="container">
        <h3>作品展示</h3>
        <div class="row">
            <div class="col-md-4">
                <img style="width: 70px;height: 50px" src="img/cf1.png" alt="">
                <h4>这是刚学习ps</h4>
                <p>觉得ps很好学主要是细节问题</p>
            </div>
            <div class="col-md-4">
                <img style="width: 70px;height: 50px" src="img/cf2.jpg" alt="">
                <h4>这是刚学习ps</h4>
                <p>在学习ps时比作一些网页要容易</p>
            </div>
            <div class="col-md-4">
                <img style="width: 70px;height: 50px" src="img/cf3.png" alt="">
                <h4>这是做的第一个网页</h4>
                <p>做这个网页时觉得什么都好难</p>
            </div>
        </div>
    </div>
    <div class="container">
        <div class="row">
            <div class="col-md-4">
                <img style="width: 70px;height: 50px" src="img/Title.png" alt="">
                <h4>这是在学习h5c3</h4>
                <p class="qq">学这个网页时还是有不懂得</p>
            </div>
            <div class="col-md-4">
                <img style="width: 70px;height: 50px" src="img/Title1.png" alt="">
                <h4>这是在学习h5c3</h4>
                <p class="qq">做这个网页时刚学会一些技巧</p>
            </div>
            <div class="col-md-4">
                <img style="width: 70px;height: 50px" src="img/Title2.png" alt="">
                <h4>这是在学习h5c3</h4>
                <p>在做这个页面时就可以比较熟练地运用代码了.</p>
            </div>
        </div>
    </div>
    <div class="footer">
        <div class="container">
            <h3>Contact us</h3>
            <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cum sociis natoque penatibus et magnis dis parturient montes.</p>
        </div>
        <div class="container">
            <input id="ll" type="text" name="Name" placeholder="Name">
            <input id="le" type="text" name="email" placeholder="email">
            <textarea id="lk" placeholder="Message" rows="6"></textarea>
            <button type="submit" class="submit">Send Message</button>
        </div>
    </div>
    <div class="f">
        <h3>欢迎来电</h3>
        <p style="text-align: center">手机号：17761563613</p>
    </div>
</div>

</body>
</html>